<template>
  <div class="col-md-8">
    <h3 class="reply">评论回复：</h3>
    <h2 style="display: none">暂无评论，点击左侧添加评论！！！</h2>
    <ul class="list-group">
      <CommentItem  v-for="(comment,index) in comments" :key="index" :comment='comment'/>
    </ul>
  </div>
</template>
<script>
import CommentItem from "./CommentItem/index.vue"
export default {
  name: "CommentList",
  components: {
    CommentItem,
  },
  props:{
   comments:Array
  }
};
</script>
<style  scoped>
.reply {
  margin-top: 0px;
}

li {
  transition: 0.5s;
  overflow: hidden;
}
</style>